<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>banner设置</title>
    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
    <script src="https://cdn.bootcss.com/popper.js/1.15.0/esm/popper-utils.js"></script>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link href="https://cdn.bootcss.com/bootstrap-table/1.15.4/bootstrap-table.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/bootstrap-table/1.15.4/bootstrap-table.js"></script>
</head>
<body>
<div id="toolbar">
    <div id="exampleToolbar" role="group">
        <button  type="button"
                class="btn btn-primary" onclick="add()">
            <i class="fa fa-plus" aria-hidden="true"></i>添加
        </button>
        <button  type="button"
                class="btn btn-danger" onclick="batchRemove()">
            <i class="fa fa-trash" aria-hidden="true"></i>删除
        </button>
    </div>
</div>
<table id="bannerTable" class="table table-dark">
</table>
</body>
<script>
    $('#bannerTable').bootstrapTable({
        url: '/banner/getInfo',
        toolbar: '#toolbar',
        cache: false,                       //是否使用缓存，默认为true，所以一般情况下需要设置一下这个属性（*）
        pagination: true,                   //是否显示分页（*）
        sortable: false,                     //是否启用排序
        sortOrder: "asc",                   //排序方式
        singleSelect : true,
        queryParamsType:'limit',
        //请求服务器时所传的参数
        showColumns   : false,
        queryParams: {},//传递参数（*）
        sidePagination: "server",           //分页方式：client客户端分页，server服务端分页（*）
        pageNumber:1,                             //初始化加载第一页，默认第一页
        pageSize: 6,                       //每页的记录行数（*）
        pageList: [6],  //每页的记录行数（*）
        columns: [
            { field:"checked",
                checkbox:true
            }, {
            field: 'id',
            title: 'ID'
        },
            {
                field: 'userQQ',
                title: '广告人'
            },
            {
                field: 'expireTm',
                title: '到期时间'
            },
            {
                field: 'newTm',
                title: '新增时间'
            }]
    })
</script>
</html>